
<div id="sidetoggle">
  <div>
    <div class="sidefilter">
      <form class="toc-filter">
        <span class="glyphicon glyphicon-filter filter-icon"></span>
        <span class="glyphicon glyphicon-remove clear-icon" id="toc_filter_clear"></span>
        <input type="text" id="toc_filter_input" placeholder="Filter by title" onkeypress="if(event.keyCode==13) {return false;}">
      </form>
    </div>
    <div class="sidetoc">
      <div class="toc" id="toc">

          <ul class="nav level1">
                <li>
                    <a href="brief/index.html" name="" title="Home">Home</a>
                </li>
                <li>
                    <span class="expand-stub"></span>
                    <a href="brief/user-guide/index.html" name="brief/user-guide/toc.html" title="User Guide">User Guide</a>

                    <ul class="nav level2">
                          <li>
                              <a href="brief/user-guide/zh-Hant/index.html" name="brief/user-guide/zh-Hant/toc.html" title="繁體中文">繁體中文</a>
                          </li>
                    </ul>
                </li>
                <li>
                    <a href="brief/dev-doc/index.html" name="brief/dev-doc/toc.html" title="Developer Doc">Developer Doc</a>
                </li>
                <li>
                    <a href="brief/sample/Sample.Machining.html" name="brief/sample/toc.html" title="Sample Code">Sample Code</a>
                </li>
                <li>
                    <a href="api/Hi.Machining.html" name="api/toc.html" title="API Reference">API Reference</a>
                </li>
          </ul>
      </div>
    </div>
  </div>
</div>
